import Taro, {Component} from "@tarojs/taro";
import {View, Button, Image, Text, Input, Form} from "@tarojs/components";

import './authOne.less'

import icon_86 from "../../assets/img/common/icon_86.png";
import {getRuntime} from "../../utils/common";



class AuthOne extends Component {
  constructor() {
    super()
  }

  state = {
    fileList: []
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '核对身份信息'})
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  uploadFile() {}

  submit() {}

  render() {
    let { fileList } = this.state
    return (
      <View className='auth auth-two'>
        <View className='step-wrap'>
          <View className='line'>
            <Image className='step_on' src={require('../../assets/img/step_ed.png')} />
            <Image className='step' src={require('../../assets/img/step_on.png')} />
            <Image className='step_point' src={require('../../assets/img/step_point.png')} />
          </View>
          <View className='tips'>
            <View className='tip color-theme'>上传相关证件</View>
            <View className='tip color-theme'>核对身份信息</View>
            <View className='tip'>核对储蓄卡</View>
          </View>
        </View>

        <View className='form-wrap content-30'>
        <Form onSubmit={this.submit.bind(this)}>

          <View className='form-wrap__group'>
            <View className='form-wrap__title'>真实姓名</View>
            <View className='form-wrap__content'>
              <Input className='input' placeholderClass='placeholder-class' placeholder='自动识别' />
            </View>
          </View>
          <View className='form-wrap__group'>
            <View className='form-wrap__title'>身份证号</View>
            <View className='form-wrap__content'>
              <Input className='input' placeholderClass='placeholder-class' placeholder='自动识别' />
            </View>
          </View>
          <View className='form-wrap__group bbnone'>
            <View className='form-wrap__title'>有效期限</View>
            <View className='form-wrap__content'>
              <Input className='input' placeholderClass='placeholder-class' placeholder='自动识别' />
            </View>
          </View>

        </Form>
        </View>

        <Button className='circular-submit'>下一步</Button>
      </View>
    )
  }
}

export default AuthOne
